<template lang='pug'>
  .page
    .clearfix.mr-20.font-18 按钮范例：
    .clearfix
      .text-gray-9.mb-20
        .display-inline-block.pr-20
          span 修改类 =>
          Button(type="warning") 红色线框按钮
        .display-inline-block.pr-20
          span 删除类 =>
          Button(type="warning") 红色背景按钮
        .display-inline-block.pr-20
          span 查看类 =>
          Button(type="info") 蓝色线框按钮
        .display-inline-block.pr-20
          span 表格里的详情查看类 =>
          Button 默认灰色线框按钮
      .mr-20.mb-20
        Button.mr-10(type="info") 查看
        span.pr-20 (type="info")
        Button.mr-10(type="warning") 修改
        span.pr-20 (type="warning")
        Button.mr-10(type="warning") 删除
        span.pr-20 (type="warning")
      .mr-20.mb-20
        Button.mr-10(type="info") 新增
        span.pr-20 (type="info")
        Button.mr-10(type="info") 查询
        span.pr-20 (type="info")
      .mr-20.mb-20
        Button.mr-10(type="info") 确认
        span.pr-20 (type="info")
        Button.mr-10 取消
      .mr-20.mb-20
        span.pr-20 表格里的小按钮
        Button.mr-10(size="small") 详情
        span.pr-20 (size="small")
        Button.mr-10(type="info" size="small") 花名册
        span.pr-20 (type="info" size="small")
        Button.mr-10(type="info" size="small") 恢复合作
        span.pr-20 (type="info" size="small")
        Button.mr-10(type="warning" size="small") 终止合作
        span.pr-20 (type="warning" size="small")
      .mr-20.mb-20
        span.pr-20 表格里的小按钮
        Button.mr-10(size="small") 详情
        span.pr-20 (size="small")
        Button.mr-10(type="warning" size="small") 参保信息修改
        span.pr-20 (type="warning" size="small")
        Button.mr-10(type="info" size="small") 附件上传
        span.pr-20 (type="info" size="small")
        Button.mr-10(type="warning" size="small") 删除
        span.pr-20 (type="warning" size="small")
</template>

<script>
export default {
  data () {
    return {
    }
  },

  mounted () {
  },

  methods: {
    // 获取所有省份
    async getProvince () {
      let resp = await SysAreaApi.getProvince()
      if (resp.returnStatus == 1 === true) {
        this.provinceList = resp.Data
      }
    },

    // 获取目标省份下的所有城市
    async getCity (id) {
      let resp = await SysAreaApi.getCity(id)
      if (resp.returnStatus == 1 === true) {
        this.cityList = resp.Data
      }
    }
  }
}
</script>

<style>

</style>
